<template>
  <div class="column" :style="{width:props.width+'px'}">
    <div class="title">{{ props.label }}</div>
    <div v-for="item in value" :key="item">{{ item }}</div>
  </div>
</template>

<script setup>
import { getCurrentInstance } from "vue";
import { getValue } from "./hook/index";
const props = defineProps(["prop", "label","width"]);
let value = getValue(props.prop);
</script>
<script>
import { defineComponent } from "vue";

export default defineComponent({
  name: "Column",
});
</script>
<style scoped>
.column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* align-items: center; */
}
</style>
